<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Thắng thanh</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/simpletree.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/AvantGarde_400.font.js"></script>
<script type="text/javascript" src="js/Times_New_Roman_700.font.js"></script>
<script type="text/javascript" src="js/UVN_Nhan.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/simpletreemenu.js"></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script language="javascript"src="http://vnexpress.net/Service/Gold_Content.js" type="text/javascript"></script>
<script language="javascript" src="http://vnexpress.net/Service/Forex_Content.js" type="text/javascript"></script>

<!--jCarousel library-->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>

<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

</script>

<script type="text/javascript">
	//faded
$(function(){
		$("#faded").faded({
			speed: 500,
			crossfade: true,
			bigtarget: true,
			sequentialloading: false,
			loadingimg: "loading.gif",
			autoplay: 5000,
			autorestart: 0,
			random: false,
			autopagination:false
		});
});
</script>


<!--[if IE 6]>
<script language="javascript" src="js/DD_belatedPNG.js"></script>

<script>
      /* EXAMPLE */
      DD_belatedPNG.fix('*');
</script>

<![endif]-->
</head>

<body>

<!--outter wrapper-->
<div class="wrapper" id="outter-wrapper">

	<!--banner-->
	<div class="wrapper" id="banner">
    	
        <!--logo-->
    	<div class="logo-wrapper">
        
        	<object data="images/shine.swf" type="application/x-shockwave-flash" id="flash-shine">
                  <param value="shine/overlay.swf" name="movie">
                  <param value="high" name="quality">
                  <param value="transparent" name="wmode">
                  <param value="6.0.65.0" name="swfversion">
            </object>
        <a href="#" title="logo">Thắng Thanh Company Limited</a></div>
    	<!--/logo-->
        
        <!--top navigation-->
        <div id="top-nav-wrapper">
        	<ul class="ul-top-nav">
            	<li><a href="#" title="Trang chủ" class="current">Trang chủ</a></li>
                <li><a href="#" title="Giới thiệu">Giới thiệu</a></li>
                <li><a href="#" title="Tin tức">Tin tức</a></li>
                <li><a href="#" title="Dịch vụ">Dịch vụ</a></li>
                <li><a href="#" title="Liên hệ">Liên hệ</a></li>                
            </ul>
        </div>
        <!--/top navigation-->
        
    </div>
	<!--/banner-->
    
    
    <!--slider-->
    <div class="wrapper" id="content-slider-wrapper">
    <object data="images/water-drop.swf" type="application/x-shockwave-flash" id="water-drop">
                  <param value="shine/water-drop.swf" name="movie">
                  <param value="high" name="quality">
                  <param value="transparent" name="wmode">
                  <param value="6.0.65.0" name="swfversion">
            </object>
    	<!--col left-->
    	<div class="slider-col-left">
        	<div id="faded">
                <div class="rap"><img src="images/slide1.jpg" alt="" /><img src="images/slide2.png" alt="" /><img src="images/slide1.jpg" alt="" /><img src="images/slide2.png" alt="" /></div>
                <!--<a href="#" class="prev"><img src="prev.gif" alt="" /></a><a href="#" class="next"><img src="next.gif" alt="" /></a>-->
			</div>
<img src="slider-image-left.jpg" alt="" />
        </div>
        <!--/col left-->
        
        <!--col right-->
        <div class="slider-col-right">
        
        	<h1>Chào mừng bạn đến với Công ty TNHH Thắng Thanh</h1>
            
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>

<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>


        </div>
        <!--/col right-->
    </div>
    <!--/slider-->
    
    
    <!--hot product slider-->
    <div class="carousel-slider wrapper" id="hot-product-wrapper">
        <ul id="mycarousel" class="jcarousel-skin-tango">

            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_05.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_07.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_09.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_11.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
            
            <li>
            	<!--block-->
                <div class="hot-product-block">
                	<div class="ribbon">Hot Product</div>
                    <a href="#" title="" class="hot-product-link">
                    	<img src="images/thangthanh_13.jpg">
                        <h6>Đồng hồ từ</h6>
                        <span class="price">200.000 VND</span>
                        <span class="more-link">chi tiết</span>
                    </a>
                </div>
                <!--/block-->
            </li>
        </ul>
	</div>
    <!--/hot product slider-->
    
    
    <!--main content-->
    <div class="wrapper main-content-goes-here">
    	<!--content left-->
    	<div id="content-left-wrapper">
        	<!--search-->
        	<div class="wrapper" id="search-box">
            	<form>
            	<input type="text" value="Tìm kiếm..." id="search-field"><input type="submit" id="search-btn" value="">
                </form>
            </div>
            <!--/search-->
            
            <!--left box-->
            <div class="wrapper left-box-wrapper">
            	<div class="left-box-title"><h2>Danh mục</h2></div>
                <div class="left-box-content">
                	<!--categories-->
                	<ul class="ul-bullet-blue treeview" id="ul-left-cat">
                    	<li><a href="#" onclick="return false;">Ống thép</a>
                        	<ul class="left_sub_menu" rel="" >
                            	<li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                                <li><a href="#">sub1</a></li>
                            
                            </ul>
                        </li>
                        <li><a href="#" onclick="return false;">Ống nhựa</a></li>
                        <li><a href="#" onclick="return false;">Vật tư ngành nước</a></li>
                        <li><a href="#" onclick="return false;">Thiết bị vệ sinh</a></li>
                        <li><a href="#" onclick="return false;">Tấm lợp mạ màu</a></li>
                    </ul>
                                         <script type="text/javascript">

    //ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))
    ddtreemenu.createTree("ul-left-cat",false)
    
    </script>
                <!--/categories-->
                
                </div>
                <div class="left-box-shadow"></div>
            </div>
            <!--/left box-->
            
            
            <!--left box-->
            <div class="wrapper left-box-wrapper">
            	<div class="left-box-title"><h2>Thị trường</h2></div>
                <div class="left-box-content">
                	<div class="currency-wrapper">
                    	<div class="wrapper">
                	<img src="images/icon_gold.png"> <font class="blue_10px">Giá vàng</font><br>
							<table class="collapse margin_top_5px" border="1" bordercolor="#cccccc" bgcolor="#FFFFFF" cellpadding="2" cellspacing="2" width="100%">

								<tbody><tr>
									<td align="center">
										Loại vàng									</td>

									<td align="center">
										Mua
								  </td>
									<td align="center">
										Bán
									</td>

								</tr>
								<tr>
									<td align="center">

										SBJ
									</td>
									<td align="center">
										<script type="text/javascript"> document.write(vGoldSbjBuy);</script>37,050
									</td>
									<td align="center">

										<script type="text/javascript"> document.write(vGoldSbjSell);</script>37,150
									</td>
								</tr>

								<tr>
									<td align="center">
										SJC
									</td>
									<td align="center">
										<script type="text/javascript"> document.write(vGoldSjcBuy);</script>37,040

									</td>
									<td align="center">
										<script type="text/javascript"> document.write(vGoldSjcSell);</script>37,180
									</td>

								</tr>
				      </tbody></table>
						</div>
						
		  <div class="wrapper">

							<img src="images/icon_money.png"> <font class="blue_10px">Tỉ giá ngoại tệ</font><br>
				    <table width="100%" border="1" cellpadding="2" cellspacing="2" bordercolor="#cccccc" bgcolor="#FFFFFF" class="collapse margin_top_5px">
							  <tbody><tr>

								  <td align="center" width="44%">
									  USD
								  </td>
								  <td align="center" width="56%">
									  <script type="text/javascript"> document.write(vCosts[0]);</script>20.890

								  </td>
							  </tr>
							  <tr>
								  <td align="center">

									  EUR
								  </td>
								  <td align="center">
									  <script type="text/javascript"> document.write(vCosts[10]);</script>802
								  </td>

							  </tr>
							  <tr>
									<td align="center">
										GBP
									</td>

									<td align="center">
										<script type="text/javascript"> document.write(vCosts[1]);</script>34.575
									</td>
								</tr>
								<!--<tr>
									<td>
										HKD
									</td>
									<td>
										<SCRIPT 
                        type=text/javascript> document.write(vCosts[2]);</SCRIPT>
										
									</td>
								</tr>
								
							  <tr>
								  <td align="center">
									  JPY
								  </td>
								  <td align="center">
									  <SCRIPT 
                        type=text/javascript> document.write(vCosts[6]);</SCRIPT>
										
										
								  </td>

							  </tr>-->
								
				  </tbody></table></div>
                    </div>

                </div>
                <div class="left-box-shadow"></div>
            </div>
            <!--/left box-->
            
            <!--left box-->
            <div class="wrapper left-box-wrapper">
            	<div class="left-box-title"><h2>Thống kê</h2></div>
                <div class="left-box-content">
                	<ul id="ul-counter">
                    	<li><a href="#"><img src="images/icon-counter1.png" />Số người online : <font class="b-blue">505</font></a></li>
                        <li><a href="#"><img src="images/icon-counter3.png" />Lượt truy cập thứ: <font class="b-blue">22220020</font></a></li>
                     </ul>
                
                </div>
                <div class="left-box-shadow"></div>
            </div>
            <!--/left box-->
        </div>
        <!--/content left-->
        
        <!--content right-->
        <div id="content-right-wrapper">
        	
        	
            
            <!--right box--><!--Post-->
            
            <!--/right box-->
            
        
        </div>
        <!--/content right-->
    </div>
    <!--/main content-->

</div>
<!--/outter wrapper-->

<!--footer-->
<div class="wrapper" id="footer">
	<h3>Công ty TNHH THẮNG THANH</h3>
    Trụ sở chính: 365 Hai Bà Trưng - Lê Chân - Hải Phòng.<br>
<strong>Tel</strong>: 0313 950 744 - <strong>Fax</strong>: 0313 738 749 - Hỗ trợ trực tuyến: <a href="#"><img src="http://opi.yahoo.com/online?u=rattien&m=g&t=1"></a>
</div>
<!--/footer-->

<script type="text/javascript"> Cufon.now(); </script>

</body>
</html>
